<div class="col-md-12 col-sm-12 col-xs-12" v-cloak id="indexController">
    <div class="x_panel">
        <div class="x_title">
            <h2 style="width:300px;">
                问题列表
                <small></small>
            </h2>
            <ul class="nav navbar-right panel_toolbox">
                <li>
                    <a v-on:click="showAddPage()">
                        <i class="fa fa-plus">

                        </i>
                    </a>
                </li>
                <li>
                    <a v-on:click="init()">
                        <i class="fa fa-refresh">
                        </i>
                    </a>
                </li>
            </ul>
            <div class="clearfix"></div>
        </div>
        <div class="x_content">
            <div class="form-inline">
                <div class="form-group pull-left">
                    <label class="form-label">问题描述</label>
                    <input type="text" class="form-control" v-model="searchCondition.name" placeholder="问题描述" /> &nbsp;&nbsp;
                </div>
                <div class="form-group pull-left">
                    <button class="btn btn-sm btn-primary" v-on:click="init()" type="button">查询</button>
                </div>
            </div>
            <table class="table table-striped table-bordered" style="margin-top:60px;">
                <thead>
                    <tr>
                        <th>编号</th>
                        <th>问题描述</th>
                        <th>问题类型</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr v-for="(item,index) in list">
                        <td>{{((pager.pageIndex-1)*pager.pageSize)+index+1}}</td>
                        <td v-html="item.examinationQuestions"></td>
                        <td>
                            <span v-if="item.questionType=='SingleChoiceQuestion'">单选题</span>
                            <span v-if="item.questionType=='MultipleChoiceQuestion'">多选题</span>
                            <span v-if="item.questionType=='JudgmentQuestion'">判断题</span>
                            <span v-if="item.questionType=='ShortAnswerQuestion'">简答题</span>
                        </td>
                        <td>
                            <button class="btn btn-primary" type="button" v-on:click='detailQuestion(item)'>详情</button>
                            <button class="btn btn-primary" type="button" v-on:click='editQuestion(item)'>编辑</button>
                            <button class="btn btn-danger" type="button" v-on:click="deleteQuestion(item)">删除</button>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <page v-on:pagechange="pageChange" v-bind:pager="pager" ref="pager"></page>
    </div>
</div>
<script page-script="./dist/js/QuestionPage/indexPage.js">
</script>